<template>
  <xr-popup ref="popup" type="center">
    <view class="prompt">
      <view class="prompt-title">温馨提示</view>
      <view class="prompt-text">由于政策规定，小程序暂不支持在iOS平台进行虚拟商品的支付</view>
      <view class="prompt-text">请使用微信「扫一扫」扫描书中二维码进行书籍内容的使用和购买</view>
      <button class="prompt-but" @click="close">我知道了</button>
    </view>
  </xr-popup>
</template>

<script>
export default {
  name: 'IosPayPrompt',
  methods: {
    open () {
      this.$refs.popup.open()
    },
    close () {
      this.$refs.popup.close()
    }
  }
}
</script>

<style lang="scss" scoped>
.prompt{
  width: 500rpx;
  padding: 50rpx;
  background: #fff;
  border-radius: 20rpx;
.prompt-title{
  font-weight: 600;
  font-size: 18px;
  text-align: center;
}
.prompt-text{
  font-size: 14px;
  line-height: 20px;
  padding: 20rpx 0;
}
.prompt-but{
  margin-top: 40rpx;
  background: #FF740F;
  color: #fff;
  font-weight: 500;
  letter-spacing: 4px;
}
}
</style>
